<!DOCTYPE html>
<html>

<!-- Head -->
<head>

    <title>Couture a Fashion Category Flat Bootstrap Responsive Website Template</title>

    <!-- Meta-Tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords"
          content="Couture a Responsive Web Template, Bootstrap Web Templates, Flat Web Templates, Android Compatible Web Template, Smartphone Compatible Web Template, Free Webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design">
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- //Meta-Tags -->

    <!-- Custom-Stylesheet-Links -->
    <!-- Bootstrap-CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">
    <!-- Default-CSS -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <!-- Navigation-Menu-CSS -->
    <link rel="stylesheet" href="css/menu_wave.css" type="text/css" media="all">
    <!-- Gallery-Popup-CSS -->
    <link rel="stylesheet" href="css/chocolat.css" type="text/css" media="all">
    <!-- //Custom-Stylesheet-Links -->

    <!-- Navigation-Menu-JavaScript -->
    <script src="js/snap.svg-min.js"></script>
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Specialities-Hover-Effect-JavaScript -->
    <script src="js/modernizr.custom.js"></script>

    <!-- Web-Fonts -->
    <!-- Body-Font -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" type='text/css'>
    <!-- Logo-Font -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Yeseva+One" type='text/css'>
    <!-- Link-Font -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Raleway:400,200,300,500,600,700,800,900"
          type='text/css'>
    <!-- //Web-Fonts -->

</head>
<!-- //Head -->


<!-- Body -->
<body>

<div class="container">

    <div class="menu-wrap">

        <!-- Navigation-Menu -->
        <nav class="menu">
            <div class="icon-list">
                <a href="#"><span class="glyphicon glyphicon-home" aria-hidden="true"></span><span>HOME</span></a>
                <a href="#"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span><span>ABOUT US</span></a>
                <a href="#"><span class="glyphicon glyphicon-gift"
                                              aria-hidden="true"></span><span>PRODUCTS</span></a>
                <a href="#"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span><span>TYPOGRAPHY</span></a>
                <a href="#"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span><span>CONTACT</span></a>
            </div>
        </nav>
        <!-- //Navigation-Menu -->

        <!-- Close-Button -->
        <button class="close-button" id="close-button">Close Menu</button>
        <!-- //Close-Button -->

        <div class="morph-shape" id="morph-shape"
             data-morph-open="M0,100h1000V0c0,0-136.938,0-224,0C583,0,610.924,0,498,0C387,0,395,0,249,0C118,0,0,0,0,0V100z">
            <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1000 100"
                 preserveAspectRatio="none">
                <path d="M0,100h1000l0,0c0,0-136.938,0-224,0c-193,0-170.235-1.256-278-35C399,34,395,0,249,0C118,0,0,100,0,100L0,100z"/>
            </svg>
        </div>

    </div>

    <!-- Menu-Button -->
    <button class="menu-button" id="open-button">Open Menu</button>
    <!-- //Menu-Button -->

    <div class="content-wrap">

        <!-- Page-Content -->
        <div class="content">

            <!-- Banner -->
            <div class="banner" id="home">
                <img src="images/banner.jpg" alt="Couture">

                <!-- Logo -->
                <div class="logo">
                    <a href="index.html">最毕设</a>
                </div>
                <!-- //Logo -->

                <!--<h1>最毕设</h1>-->
                <P>全球毕业作品分校交流平台</P>
                <a class="browse" href="products.html">最新活动</a>

            </div>
            <!-- //Banner -->


            <!-- Clients -->
            <div class="clients" id="clients" style="padding-bottom: 20px;">
                <div class="container">
                    <h3>创意毕设</h3>
                </div>
            </div>
            <!-- //Clients -->

            <!-- Gallery -->
            <div class="gallery">

                <!--<div class="gallery-grids">-->
                    <div class="gallery-items">

                        <div class="col-md-3 col-sm-3 gallery-item gallery-item-1">
                            <a class="example-image-link" href="images/gallery-1-big.jpg" data-lightbox="example-set"
                               data-title="">
                                <div class="grid">
                                    <figure class="effect-apollo">
                                        <img src="http://cdn.image.zuibishe.com/image/1493778475.jpg?width=380&height=300" alt="Manufactory">
                                        <figcaption></figcaption>
                                    </figure>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3 col-sm-3 gallery-item gallery-item-1">
                            <a class="example-image-link" href="images/gallery-1-big.jpg" data-lightbox="example-set"
                               data-title="">
                                <div class="grid">
                                    <figure class="effect-apollo">
                                        <img src="http://cdn.image.zuibishe.com/image/1493778475.jpg?width=380&height=300" alt="Manufactory">
                                        <figcaption></figcaption>
                                    </figure>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3 col-sm-3 gallery-item gallery-item-1">
                            <a class="example-image-link" href="images/gallery-1-big.jpg" data-lightbox="example-set"
                               data-title="">
                                <div class="grid">
                                    <figure class="effect-apollo">
                                        <img src="http://cdn.image.zuibishe.com/image/1493778475.jpg?width=380&height=300" alt="Manufactory">
                                        <figcaption></figcaption>
                                    </figure>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3 col-sm-3 gallery-item gallery-item-1">
                            <a class="example-image-link" href="images/gallery-1-big.jpg" data-lightbox="example-set"
                               data-title="">
                                <div class="grid">
                                    <figure class="effect-apollo">
                                        <img src="http://cdn.image.zuibishe.com/image/1493778475.jpg?width=380&height=300" alt="Manufactory">
                                        <figcaption></figcaption>
                                    </figure>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3 col-sm-3 gallery-item gallery-item-1">
                            <a class="example-image-link" href="images/gallery-1-big.jpg" data-lightbox="example-set"
                               data-title="">
                                <div class="grid">
                                    <figure class="effect-apollo">
                                        <img src="http://cdn.image.zuibishe.com/image/1493778475.jpg?width=380&height=300" alt="Manufactory">
                                        <figcaption></figcaption>
                                    </figure>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3 col-sm-3 gallery-item gallery-item-1">
                            <a class="example-image-link" href="images/gallery-1-big.jpg" data-lightbox="example-set"
                               data-title="">
                                <div class="grid">
                                    <figure class="effect-apollo">
                                        <img src="http://cdn.image.zuibishe.com/image/1493778475.jpg?width=380&height=300" alt="Manufactory">
                                        <figcaption></figcaption>
                                    </figure>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3 col-sm-3 gallery-item gallery-item-1">
                            <a class="example-image-link" href="images/gallery-1-big.jpg" data-lightbox="example-set"
                               data-title="">
                                <div class="grid">
                                    <figure class="effect-apollo">
                                        <img src="http://cdn.image.zuibishe.com/image/1493778475.jpg?width=380&height=300" alt="Manufactory">
                                        <figcaption></figcaption>
                                    </figure>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3 col-sm-3 gallery-item gallery-item-1">
                            <a class="example-image-link" href="images/gallery-1-big.jpg" data-lightbox="example-set"
                               data-title="">
                                <div class="grid">
                                    <figure class="effect-apollo">
                                        <img src="http://cdn.image.zuibishe.com/image/1493778475.jpg?width=380&height=300" alt="Manufactory">
                                        <figcaption></figcaption>
                                    </figure>
                                </div>
                            </a>
                        </div>

                        <div class="clearfix"></div>
                    </div>
                <!--</div>-->


                <div class="clearfix"></div>

            </div>
            <!-- //Gallery -->

            <!-- Footer -->
            <div class="footer">
                <div class="container">

                    <div class="footer-grids">

                        <div class="col-md-3 col-sm-3 footer-grid footer-grid-1 address">
                            <h4>Address</h4>
                            <address>
                                <ul>
                                    <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Parma
                                        Via Modena
                                    </li>
                                    <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> 40019
                                    </li>
                                    <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
                                        Sant'Agata Bolognese
                                    </li>
                                    <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> BO,
                                        Italy
                                    </li>
                                </ul>
                            </address>
                        </div>

                        <div class="col-md-3 col-sm-3 footer-grid footer-grid-2 phone">
                            <h4>Phone</h4>
                            <p><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> +1 (734) 123-4567
                            </p>
                            <p><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> +1 (739) 648-7114
                            </p>
                        </div>

                        <div class="col-md-3 col-sm-3 footer-grid footer-grid-3 email">
                            <h4>Email</h4>
                            <p><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> <a
                                    href="mailto:mail@example.com"> info@example.com</a></p>
                            <p><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> <a
                                    href="mailto:mail@example.com"> info@couture.com</a></p>
                        </div>

                        <!-- Newsletter -->
                        <div class="col-md-3 col-sm-3 footer-grid footer-grid-4 newsletter">
                            <h4>Newsletter</h4>
                            <form action="#" method="post">
                                <input type="text" placeholder="Email" name="Email" required="">
                                <input type="submit" value="SUBSCRIBE">
                            </form>
                        </div>
                        <!-- //Newsletter -->

                        <div class="clearfix"></div>

                    </div>

                    <!-- Copyright -->
                    <div class="copyright">
                        <!--<p>&copy; 2016 Couture. All Rights Reserved | Design by <a href="http://www.smallseashell.com">.网站模板.</a>-->
                        <!--</p>-->
                    </div>
                    <!-- //Copyright -->

                </div>
            </div>
            <!-- //Footer -->

        </div>
        <!-- //Page-Content -->

    </div>

</div>


<!-- Necessary-JavaScript-Files-&-Links -->

<!-- Bootstrap-JavaScript-File -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Supportive-JavaScript-File -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>

<!-- Navigation-Menu-JavaScript -->
<script src="js/classie.js"></script>
<script src="js/main3.js"></script>
<!-- //Navigation-Menu-JavaScript -->

<!-- Popup-Box-JavaScript -->
<script src="js/modernizr.custom.97074.js"></script>
<script src="js/jquery.chocolat.js"></script>
<script type="text/javascript">
    $(function () {
        $('.gallery-item a').Chocolat();
    });
</script>
<!-- //Popup-Box-JavaScript -->

<!-- FlexSlider-JavaScript -->
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
    $(function () {
        SyntaxHighlighter.all();
    });
    $(window).load(function () {
        $('.flexslider').flexslider({
            animation: "slide",
            start: function (slider) {
                $('body').removeClass('loading');
            }
        });
    });
</script>
<!-- //FlexSlider-JavaScript -->

<!-- //Necessary-JavaScript-Files-&-Links -->


</body>
<!-- //Body -->

</html>